<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="ThemeBucket">
    <link rel="shortcut icon" href="#" type="image/png">

    <title>Editable Table</title>

    <link th:include="common::commonheader">
</head>

<body class="sticky-header">

<section>

    <div th:replace="common::#leftmenu"></div>
    <div class="main-content" >
        <div th:replace="common::#topmenu"></div>

        <form class="form-signin" th:action="@{/activities/add}" method="post">
            <div class="form-signin-heading text-center">
                <h1 class="sign-title">添加活动</h1>
                <img src="../../static/images/logo.png" alt=""/>
            </div>
            <div class="login-wrap">
                <p>输入活动信息</p>
                <input type="text" autofocus="" placeholder="活动名称" class="form-control" name="title">
                <input type="text" autofocus="" placeholder="活动介绍" class="form-control" name="aShow">
                <input type="text" autofocus="" placeholder="活动等级" class="form-control" name="aGrade">
                <input type="text" autofocus="" placeholder="活动时间" class="form-control" name="aTime">
                <input type="text" autofocus="" placeholder="学分" class="form-control" name="credit">
                <button type="submit" class="btn btn-lg btn-login btn-block">
                    <i class="fa fa-check"></i>
                </button>
            </div>
        </form>






    </div>
</section>



<!--data table-->
<script type="text/javascript" src="js/data-tables/jquery.dataTables.js"></script>
<script type="text/javascript" src="js/data-tables/DT_bootstrap.js"></script>

<div th:replace="common::#commonscrip"></div>

<!--script for editable table-->
<script src="js/editable-table.js"></script>

<!-- END JAVASCRIPTS -->
<script>
    jQuery(document).ready(function() {
        EditableTable.init();
    });
</script>

</body>
</html>
